<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <link rel="stylesheet" href="./static/layui/css/layui.css">
    <%--    <link rel="stylesheet" href="./static/theme/default/font/laydate.css">--%>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>首页</title>
</head>
<body>

<div class="layui-container">
    <div class="layui-row" align="center">
        <img src="static/images/fly.jpg" alt="" width="160" height="60" align="left" style="margin-left: 150px">
    </div>
</div>

<div align="center">
    <ul class="layui-nav layui-bg-blue" lay-bar="disabled">
        <li class="layui-nav-item"><a href=""><span style="font-weight: bold;color: white">首页</span></a></li>
        <li class="layui-nav-item">
            <a href="javascript:;"><span style="font-weight: bold;color: white">二维激光雷达</span></a>
            <dl class="layui-nav-child">
                <dd><a href="">移动模块</a></dd>
                <dd><a href="">后台模版</a></dd>
                <dd><a href="">电商平台</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;"><span style="font-weight: bold;color: white">三维激光雷达</span></a>
            <dl class="layui-nav-child">
                <dd><a href="">移动模块</a></dd>
                <dd><a href="">后台模版</a></dd>
                <dd><a href="">电商平台</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;"><span style="font-weight: bold;color: white">机器人开发平台</span></a>
            <dl class="layui-nav-child">
                <dd><a href="">移动模块</a></dd>
                <dd><a href="">后台模版</a></dd>
                <dd><a href="">电商平台</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item "><a href=""><span style="font-weight: bold;color: white">资料社区</span></a></li>
        <li class="layui-nav-item"><a href=""><span style="font-weight: bold;color: white">下载资料</span></a></li>
        <li class="layui-nav-item"><a href=""><span style="font-weight: bold;color: white">淘宝</span></a></li>
        <li class="layui-nav-item"><a href=""><span style="font-weight: bold;color: white">联系我们</span></a></li>
        <li class="layui-nav-item"><a href="${ctx}/admin_login.jsp"><span style="font-weight: bold;color: white">后台登录</span></a></li>
    </ul>
</div>


<div class="layui-carousel" id="test1" lay-filter="test1">
    <div carousel-item="">
        <img src="static/images/20190512212646a77986.jpg" alt="" height="100%" width="100%">
        <img src="static/images/20190522205704e6837b.jpg" alt="" height="100%" width="100%">
        <img src="static/images/201905132052306f42f9.jpg" alt="" height="100%" width="100%">
    </div>
</div>

<hr class="layui-border-blue" style="height:20px;">

<div class="layui-text" style="text-align: center">
    <span style="font-size:x-large;font-weight: bold">产品中心</span>
</div>
<div class="layui-container">

    <div class="layui-row" align="center">
        <a href="javascript:;"><img src="static/images/pic1.jpg" alt="" width="350" height="300"></a>
        <a href="javascript:;"><img src="static/images/pic2.png" alt="" width="350" height="300"></a>
        <a href="javascript:;"><img src="static/images/pic3.jpg" alt="" width="350" height="300"></a>
    </div>
    <div class="layui-row" align="center">
        <a href="javascript:;">更多产品</a>
    </div>
</div>

<hr class="layui-border-blue" style="height:20px;">
<div class="layui-text" style="text-align: center">
    <span style="font-size:x-large;font-weight: bold">资料社区</span>
</div>


<div id="demo7" align="center"></div>

<hr class="layui-border-blue" style="height:20px;">

<div class="layui-text" style="text-align: center">
    <span style="font-size:x-large;font-weight: bold">文件下载</span>
</div>

<table class="layui-table">
    <thead>
    <tr>
        <th>文件标题</th>
        <th>文件大小</th>
        <th>下载次数</th>
        <th>更新时间</th>
        <th>文件详情</th>
        <th>文件下载</th>
    </tr>
    </thead>
    <tbody id="">

    </tbody>
</table>
<%--<script src="./static/layui/laydate/laydate.js"></script>--%>
<script src="./static/layui/layui.js"></script>
<script>

    layui.use(['form','element','carousel','laypage'], function(){
        var form = layui.form,
            laypage=layui.laypage,
            carousel = layui.carousel,
            element = layui.element;

        //监听导航点击
        element.on('nav(demo)', function(elem){
            layer.msg(elem.text());
        });

        //常规轮播
        carousel.render({
            elem: '#test1'
            ,height: '330px'
            ,width:'100%'
            ,arrow:'always'
            ,interval: 3000
        });

        //完整功能
        laypage.render({
            elem: 'demo7'
            ,count: 100
            ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
            ,jump: function(obj){
                console.log(obj)
            }
        });

        form.render();
    });


</script>

</body>
</html>